html,
body,
a {
	background: #FFFFFF !important;
	height: 100% !important;
	padding-bottom: 0px !important;
	padding: 0;
}

.wrapbox {
	background: url(../img/icon/packet_bg.png) no-repeat;
	background-size: 100% 100%;
	position: fixed;
	z-index: 1000;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	right: 0px;
}

.packet {
	background: url(../img/icon/packet_red.png) no-repeat;
	position: absolute;
	background-size: 8.56rem 6.64rem;
	width: 85.6%;
	height: 38.75%;
	top: 33.07%;
	left: 7.2%;
	color: #FFFFFF;
}

.packet .packet-title {
	margin-top: 0.733333rem;
	margin-left: 0.92rem;
	width: 6.666666rem;
	height: 0.92rem;
	font-size: 0.4rem;
	line-height: 0.533333rem;
	text-indent: 0.826666rem;
}

.packet-title .nickname {
	color: #FFFF00;
}

.packet-title .money {
	color: #FFFF00;
}

.packet .packet-money {
	margin-top: 2.08rem;
	margin-left: 3.6rem;
	font-size: 0.573333rem;
}

.packet .packet-btn {
	margin-top: 3%;
	left: 1.08rem;
	position: absolute;
}

.packet .packet-btn img {
	width: 6.4rem;
	height: 1.186666rem;
}

.packet2 {
	width: 7.32rem;
	height: 0.6rem;
	background: url(../img/icon/packet_tit.png) no-repeat;
	background-size: 7.32rem 0.6rem;
	position: absolute;
	bottom: 23.03%;
	left: 1.333333rem;
}

.packet2 .packet2-tit {
	position: absolute;
	left: 2.9rem;
	top: 0.10rem;
	font-size: 0.386666rem;
	color: #FFF;
}

.packet3 {
	bottom: 3.03%;
	left: 0.986666rem;
	position: absolute;
	width: 79.86%;
	height: 18.13%;
}

.packet3 p {
	font-size: 0.333333rem;
	line-height: 0.35rem;
	color: #FFF;
}

@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) {
	.packet {
		background: url(../img/icon/packet_red.png) no-repeat;
		position: absolute;
		background-size: 8.56rem 6.64rem;
		width: 85.6%;
		height: 38.75%;
		top: 33.07%;
		left: 21.2%;
		color: #FFFFFF;
	}
	.packet2 {
		width: 7.32rem;
		height: 0.6rem;
		background: url(../img/icon/packet_tit.png) no-repeat;
		background-size: 7.32rem 0.6rem;
		position: absolute;
		bottom: 23.03%;
		left: 3.55rem;
	}
	.packet3 {
		bottom: 3.03%;
		left: 1.586666rem;
		position: absolute;
		width: 79.86%;
		height: 18.13%;
	}
}

@media screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) {
	.packet {
		background: url(../img/icon/packet_red.png) no-repeat;
		position: absolute;
		background-size: 8.56rem 6.64rem;
		width: 85.6%;
		height: 38.75%;
		top: 33.07%;
		left: 28.2%;
		color: #FFFFFF;
	}
	.packet2 {
		width: 7.32rem;
		height: 0.6rem;
		background: url(../img/icon/packet_tit.png) no-repeat;
		background-size: 7.32rem 0.6rem;
		position: absolute;
		bottom: 23.03%;
		left: 5.90rem;
	}
	.packet3 {
		bottom: 3.03%;
		left: 2.086666rem;
		position: absolute;
		width: 79.86%;
		height: 18.13%;
	}
	.packet3 p {
		font-size: 0.433333rem;
		line-height: 0.435rem;
		color: #FFF;
	}
}

@media screen and (device-width: 768px) and (device-height: 859px) and (-webkit-device-pixel-ratio: 2) {
	.packet {
		background: url(../img/icon/packet_red.png) no-repeat;
		position: absolute;
		background-size: 8.56rem 6.64rem;
		width: 85.6%;
		height: 38.75%;
		top: 33.07%;
		left: 21.2%;
		color: #FFFFFF;
	}
	.packet2 {
		width: 7.32rem;
		height: 0.6rem;
		background: url(../img/icon/packet_tit.png) no-repeat;
		background-size: 7.32rem 0.6rem;
		position: absolute;
		bottom: 23.03%;
		left: 3.65rem;
	}
	.packet3 {
		bottom: 3.03%;
		left: 1.526666rem;
		position: absolute;
		width: 79.86%;
		height: 18.13%;
	}
}


/*
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
	.packet {
		position: absolute;
		width: 8.56rem;
		height: 6.64rem;
		background-size: 8.653333rem 5.826666rem;
		top: 4.90rem;
		left: 0.72rem;
		color: #FFFFFF;
	}
	.packet .packet-title {
		margin-left: 1.2rem;
		width: 6.666666rem;
		height: 0.92rem;
		font-size: 0.4rem;
		line-height: 0.533333rem;
		text-indent: 0.826666rem;
	}
	.packet .packet-btn img {
		width: 6.4rem;
		height: 1.0rem;
		margin-left: 0.18rem;
	}
	.packet2 {
		width: 7.32rem;
		height: 0.6rem;
		background: url(../img/icon/packet_tit.png) no-repeat;
		position: absolute;
		bottom: 3.946666rem;
		left: 0.88rem;
	}
	.packet2 .packet2-tit {
		position: absolute;
		left: 3.55rem;
		top: 0.15rem;
		font-size: 0.386666rem;
		color: #FFF;
	}
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-device-pixel-ratio: 3) {
	.packet {
		position: absolute;
		background-size: 8.653333rem 5.826666rem;
		top: 5.00rem;
		left: 0.72rem;
		color: #FFFFFF;
	}
	.packet .packet-title {
		margin-left: 1.2rem;
		width: 6.666666rem;
		height: 0.92rem;
		font-size: 0.4rem;
		line-height: 0.533333rem;
		text-indent: 0.826666rem;
	}
	.packet .packet-btn img {
		width: 6.4rem;
		height: 1.2rem;
		margin-left: 0.18rem;
	}
	.packet2 {
		background-size: 7.32rem 0.6rem;
		position: absolute;
		bottom: 3.946666rem;
		left: 1.2rem;
	}
	.packet2 .packet2-tit {
		position: absolute;
		left: 2.90rem;
		top: 0.20rem;
		font-size: 0.386666rem;
		color: #FFF;
	}
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
	.packet {
		position: absolute;
		background-size: 8.653333rem 6.826666rem;
		top: 5.8rem;
		left: 0.72rem;
		color: #FFFFFF;
	}
	.packet .packet-money {
		margin-top: 2.48rem;
		margin-left: 3.6rem;
		font-size: 0.573333rem;
	}
	.packet .packet-btn img {
		width: 6.8rem;
		height: 1.4rem;
		margin-left: 0.02rem;
	}
	.packet2 {
		background-size: 7.32rem 0.6rem;
		position: absolute;
		bottom: 4.946666rem;
		left: 1.2rem;
	}
	.packet2 .packet2-tit {
		position: absolute;
		left: 2.90rem;
		top: 0.20rem;
		font-size: 0.386666rem;
		color: #FFF;
	}
	.packet3 {
		bottom: 1.2rem;
		left: 0.986666rem;
		position: absolute;
		width: 7.986666rem;
		height: 3.106666rem;
		line-height: 0.56rem;
	}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-device-pixel-ratio: 2) {
	.packet {
		position: absolute;
		background-size: 8.653333rem 6.226666rem;
		top: 5.0rem;
		left: 0.72rem;
		color: #FFFFFF;
	}
}*/